<template>
  <div class="w-full h-full px-[10px] aaaaa">
    <div v-for="item in 4" :key="item" class=" bg-[red]">123</div>
  </div>
</template>

<script setup>
import { ref } from 'vue'

const str = '121'
str.split('')
console.log(str);
</script>

<style lang="scss" scoped>
.aaaaa {
  display: grid;
  grid-template-columns: repeat(2, 50%);
  grid-template-rows: repeat(2, 10%);
  row-gap: 20px;
  column-gap: 20px;
}
</style>
